<!DOCTYPE html>
<html lang="en" style="height: 100%">
<head>
  <meta charset="UTF-8">
  <title>首页</title>

  <!--  引入css  -->
  <link rel="stylesheet" href="css/index.css" type="text/css">

</head>
<body style="height: 100%">

<div id="app" style="height: 100%">
  <!-- 头部  -->
  <div class="container logo-search">

    <div class="row">
      <div class="col logo">
        <h1>{{msg}}</h1>
      </div>
      <div class="col search search-desktop last">
        <form action="//www.runoob.com/" target="_blank">
          <input class="placeholder" id="s" name="s" placeholder="搜索……" autocomplete="off">
        </form>
      </div>
    </div>
  </div>

  <!-- 导航栏   -->
  <div class="container navigation">
    <div class="row">
      <div class="col nav">
        <ul id="index-nav">
          <li v-for="menu in menuList"><a href="#" class="current" @click="menuClick(menu.url)">{{menu.text}}</a></li>
        </ul>
      </div>
    </div>
  </div>

  <div style="width: 100%;height: 100%">
    <iframe ref="ifram" class="iframe" style="width: 100%;height: 100%" src="html/sy.html"></iframe>
  </div>

</div>
<!-- 引入javaScript -->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="js/common/vue.js"></script>
<script src="js/common/jquery-3.3.1.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>